<template>
    <div class="yuHome">
        <img class="logo_center" src="@/assets/images/home_center_logo.png" alt="">
        <a href="javascript:void(0);" @click="openVideo" class="openBtn blink"></a>
        <div class="danwei-wrap">
            <img class="danwei" src="@/assets/images/danwei.png" alt="">
        </div>

        <!-- 		<div class="word">
                    <div class="word_item cf">
                        <div class="title">指导单位：</div>
                        <div class="content">指导单位：四川省人力资源和社会保障厅</div>
                    </div>
                    <div class="word_item cf">
                        <div class="title">主办单位：</div>
                        <div class="content">
                            <span>四川省总工会</span> 四川省人民政府驻北京办事处 四川省驻上海办事处 四川省人民政府驻厦门办事处
                        </div>
                    </div>
                    <div class="word_item cf">
                        <div class="title">协办单位：</div>
                        <div class="content">
                            北京四川企业商会 上海市四川商会 福建省四川商会 江苏省四川商会 江西省四川商会 四川省相关市（州）驻京/沪/闽联络处
                        </div>
                    </div>
                    <div class="word_item cf">
                        <div class="title">承办单位：</div>
                        <div class="content">北京睿智动力文化传播有限公司</div>
                    </div>
                    <div class="word_item cf">
                        <div class="title">战略合作伙伴：</div>
                        <div class="content">凯翼汽车有限公司</div>
                    </div>
                    <div class="word_item cf">
                        <div class="title">战略合作媒体：</div>
                        <div class="content">中国劳动保障报、公益时报</div>
                    </div>
                    <div class="word_item cf">
                        <div class="title">支持单位：</div>
                        <div class="content">
                            北京迪信通商贸股份有限公司 成都新潮传媒集团有限公司 谱时影像服务平台 四川达宽（北京）律师事务所
                        </div>
                    </div>
                </div> -->
    </div>
</template>
<script>
  import shareArrow from '@/assets/images/share_arrow.png'

  var wx = require("weixin-js-sdk");
  import {mapActions} from 'vuex';

  export default {
    data() {
      return {
        shareArrow,
        showPage: false
      }
    },
    methods: {
      openVideo() {
        this.$router.replace({
          path: "/video"
        });
      },
    },

  };
</script>
<style scoped>
    @keyframes mm {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }

    .danwei-wrap {
        padding-bottom: 2rem;
        padding-left: 0.6rem;
        padding-right: 0.2rem;
    }

    .danwei-wrap > img {
        width: 100%;
        height: auto;
    }

    .yuHome {
        width: 7.5rem;
        background: url(~@/assets/images/home_bg_top2.png) no-repeat left top/7.5rem 7.88rem,
        url(~@/assets/images/home_bg_bottom.jpg) no-repeat left bottom/7.5rem 1.84rem;
        position: relative;
        padding-top: 9.8rem;
        /*animation: mm .6s .2s;*/
    }

    .yuHome .logo_center {
        max-width: 6.18rem;
        width: 82.4%;
        position: absolute;
        top: 1.5rem;
        left: .66rem;
        animation: mm 1s;
    }

    .openBtn {
        display: block;
        width: 1.69rem;
        height: 1.69rem;
        background-image: url(~@/assets/images/open_btn.png);
        background-size: 100% 100%;
        position: absolute;
        left: 50%;
        margin-left: -0.84rem;
        top: 7.46rem;
        cursor: pointer;
    }

    .word_item {
        display: flex;
    }

    .word_item .title {
        font-size: 0.24rem;
        color: #e60012;
        font-weight: bold;
        line-height: 0.26rem;
        text-align: justify;
        text-align-last: justify;
        float: left;

        width: 1.8rem;
    }

    .word_item .title:after {
        content: '';
        width: 100%;
        display: inline-block;
        height: 0;

    }

    .word_item .content {
        float: left;
        font-size: 0.24rem;
        color: #e60012;
        line-height: 0.26rem;
        width: 4.2rem;
    }

    .word {
        width: 6rem;
        margin: 0 auto;
        padding-bottom: 1.53rem;
    }

    /* 定义keyframe动画，命名为blink */
    @keyframes blink {
        0% {
            transform: scale(1);
        }
        100% {
            transform: scale(1.1);
        }
    }

    /* 添加兼容性前缀 */
    @-webkit-keyframes blink {
        0% {
            transform: scale(1);
        }
        100% {
            transform: scale(1.1);
        }
    }

    @-moz-keyframes blink {
        0% {
            transform: scale(1);
        }
        100% {
            transform: scale(1.1);
        }
    }

    @-ms-keyframes blink {
        0% {
            transform: scale(1);
        }
        100% {
            transform: scale(1.1);
        }
    }

    @-o-keyframes blink {
        0% {
            transform: scale(1);
        }
        100% {
            transform: scale(1.1);
        }
    }

    /* 定义blink类*/
    .blink {
        color: #0574dd;
        animation: blink 1s linear infinite;
        /* 其它浏览器兼容性前缀 */
        -webkit-animation: blink 1s linear infinite;
        -moz-animation: blink 1s linear infinite;
        -ms-animation: blink 1s linear infinite;
        -o-animation: blink 1s linear infinite;
    }
</style>
